﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- Basic Page Needs
    ================================================== -->
    <title>{site.seo_title}</title>
    <meta name="keywords" content="{site.seo_keyword}" />
    <meta name="description" content="{site.seo_description}" />

    <%template src="_js.html"%>
</head>

<body>
    <div class="body-innerwrapper">
        <%template src="_header.html"%>
        <section id="banner">
            <div class="container-fluid">
                <div class="row">
                    <!-- START REVOLUTION SLIDER 4.6.5 b1 fullwidth mode -->
                    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:550px;">
                        <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:550px;height:550px;">
                            <ul>


                                <%set DataTable adlist=get_adlist_byclassid(3, 4)%>
                                <%foreach(DataRow dr in adlist.Rows)%>
             
                                <li data-transition="random" data-slotamount="7" data-masterspeed="300" data-thumb="{dr[imgurl]}" data-saveperformance="off" data-title="Slide">
                                    <!-- MAIN IMAGE -->
                                    <img src="{dr[imgurl]}" alt="portfolio-6-1140x760" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
                                    <!-- LAYERS -->
                                    <!-- LAYER NR. 1 -->
                                    <div class="tp-caption large_bold_black sft tp-resizeme" data-x="86" data-y="158" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">
                                        {dr[title]}
                                    </div>
                                    <!-- LAYER NR. 2 -->
                                    <div class="tp-caption medium_text sfb tp-resizeme" data-x="88" data-y="312" data-speed="300" data-start="500" data-easing="Sine.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">
                                        <a href='{dr[linkurl]}' class='sppb-btn sppb-btn-default sppb-btn-'>Purchase</a>
                                    </div>
                                    <!-- LAYER NR. 3 -->
                                    <div class="tp-caption smalltext sfr tp-resizeme" data-x="88" data-y="209" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">
                                        {dr[remark]}
                                    </div>
                                    <!-- LAYER NR. 4 -->
                                    <div class="tp-caption medium_text sfb tp-resizeme" data-x="244" data-y="312" data-speed="300" data-start="500" data-easing="Sine.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap;">
                                        <a href='{dr[linkurl]}' class='sppb-btn sppb-btn-primary sppb-btn-'>Read more</a>
                                    </div>
                                </li>
                                <%/foreach%>
 
                            </ul>
                            <div class="tp-bannertimer"></div>
                        </div>
                        <script type="text/javascript">
                            /******************************************
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 -  PREPARE PLACEHOLDER FOR SLIDER  -
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ******************************************/


                            var setREVStartSize = function () {
                                var tpopt = new Object();
                                tpopt.startwidth = 1200;
                                tpopt.startheight = 550;
                                tpopt.container = jQuery('#rev_slider_1_1');
                                tpopt.fullScreen = "off";
                                tpopt.forceFullWidth = "off";

                                tpopt.container.closest(".rev_slider_wrapper").css({
                                    height: tpopt.container.height()
                                });
                                tpopt.width = parseInt(tpopt.container.width(), 0);
                                tpopt.height = parseInt(tpopt.container.height(), 0);
                                tpopt.bw = tpopt.width / tpopt.startwidth;
                                tpopt.bh = tpopt.height / tpopt.startheight;
                                if (tpopt.bh > tpopt.bw) tpopt.bh = tpopt.bw;
                                if (tpopt.bh < tpopt.bw) tpopt.bw = tpopt.bh;
                                if (tpopt.bw < tpopt.bh) tpopt.bh = tpopt.bw;
                                if (tpopt.bh > 1) {
                                    tpopt.bw = 1;
                                    tpopt.bh = 1
                                }
                                if (tpopt.bw > 1) {
                                    tpopt.bw = 1;
                                    tpopt.bh = 1
                                }
                                tpopt.height = Math.round(tpopt.startheight * (tpopt.width / tpopt.startwidth));
                                if (tpopt.height > tpopt.startheight && tpopt.autoHeight != "on") tpopt.height = tpopt.startheight;
                                if (tpopt.fullScreen == "on") {
                                    tpopt.height = tpopt.bw * tpopt.startheight;
                                    var cow = tpopt.container.parent().width();
                                    var coh = jQuery(window).height();
                                    if (tpopt.fullScreenOffsetContainer != undefined) {
                                        try {
                                            var offcontainers = tpopt.fullScreenOffsetContainer.split(",");
                                            jQuery.each(offcontainers, function (e, t) {
                                                coh = coh - jQuery(t).outerHeight(true);
                                                if (coh < tpopt.minFullScreenHeight) coh = tpopt.minFullScreenHeight
                                            })
                                        } catch (e) { }
                                    }
                                    tpopt.container.parent().height(coh);
                                    tpopt.container.height(coh);
                                    tpopt.container.closest(".rev_slider_wrapper").height(coh);
                                    tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);
                                    tpopt.container.css({
                                        height: "100%"
                                    });
                                    tpopt.height = coh;
                                } else {
                                    tpopt.container.height(tpopt.height);
                                    tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);
                                    tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height);
                                }
                            };

                            /* CALL PLACEHOLDER */
                            setREVStartSize();


                            var tpj = jQuery;
                            tpj.noConflict();
                            var revapi1;



                            tpj(document).ready(function () {



                                if (tpj('#rev_slider_1_1').revolution == undefined) {
                                    revslider_showDoubleJqueryError('#rev_slider_1_1');
                                } else {
                                    revapi1 = tpj('#rev_slider_1_1').show().revolution({

                                        dottedOverlay: "none",
                                        delay: 9000,
                                        startwidth: 1200,
                                        startheight: 550,
                                        hideThumbs: 200,

                                        thumbWidth: 100,
                                        thumbHeight: 50,
                                        thumbAmount: 3,

                                        simplifyAll: "off",
                                        navigationType: "bullet",
                                        navigationArrows: "solo",
                                        navigationStyle: "preview1",
                                        touchenabled: "on",
                                        onHoverStop: "on",
                                        nextSlideOnWindowFocus: "off",

                                        swipe_threshold: 75,
                                        swipe_min_touches: 1,
                                        drag_block_vertical: false,


                                        keyboardNavigation: "off",

                                        navigationHAlign: "center",
                                        navigationVAlign: "bottom",
                                        navigationHOffset: 0,
                                        navigationVOffset: 20,

                                        soloArrowLeftHalign: "left",
                                        soloArrowLeftValign: "center",
                                        soloArrowLeftHOffset: 20,
                                        soloArrowLeftVOffset: 0,

                                        soloArrowRightHalign: "right",
                                        soloArrowRightValign: "center",
                                        soloArrowRightHOffset: 20,
                                        soloArrowRightVOffset: 0,

                                        shadow: 0,
                                        fullWidth: "on",
                                        fullScreen: "off",

                                        spinner: "spinner0",

                                        stopLoop: "off",
                                        stopAfterLoops: -1,
                                        stopAtSlide: -1,

                                        shuffle: "off",

                                        autoHeight: "off",
                                        forceFullWidth: "off",



                                        hideThumbsOnMobile: "off",
                                        hideNavDelayOnMobile: 1500,
                                        hideBulletsOnMobile: "off",
                                        hideArrowsOnMobile: "off",
                                        hideThumbsUnderResolution: 0,

                                        hideSliderAtLimit: 0,
                                        hideCaptionAtLimit: 0,
                                        hideAllCaptionAtLilmit: 0,
                                        startWithSlide: 0,
                                        isJoomla: true
                                    });



                                }
                            }); /*ready*/
                        </script>
                    </div>
                    <!-- END REVOLUTION SLIDER -->
                </div>
            </div>
        </section>
        <!--Action-->
        <section class="action">
            <div class="container">
                <div class="row">
                    <%=get_module_content("3", "shouyelianxiwomen")%>
                </div>
            </div>
        </section>
        <!--Services-->
        <section id="services" class="space">
            <div class="container">
                <div class="row">
                    <%=get_module_content("3", "indexservices")%>
                </div>
            </div>
        </section>
        <!--Portfolio-->
        <section id="portfolio" class="space bg-color">
            <div class="container">
                <%=get_module_content("3", "indexfeaturedprojects")%>
            </div>
        </section>
        <!--about-->
        <section id="about" class="space">
            <div class="container">
                <%=get_module_content("3", "indexabout")%>
            </div>
        </section>
        <!--counter-->
        <section id="counter" class="space blue-overlay parallax1">
            <div class="container">
                <div class="row">
                    <%=get_module_content("3", "indexoffer")%>
                </div>
            </div>
        </section>
        <!--News-->
        <section class="recent-news space">
            <div class="container">
                <div class="col-sm-12 no-padding main-heading text-center">
                    <h2 class="title">recent news</h2>
                </div>
                <div class="row">
                    <article class="col-sm-6 news-block">
                        <div class="article-thumb">
                            <a href="" target="_parent">
                                <img class="img-responsive" src="/templates/mb001/images/service2_medium.jpg" alt="Achived trophy on Industrial managment.">
                            </a>
                        </div>
                        <div class="article-info">
                            <h3 class="article-title">
                                <a href="#" target="_parent">Achived trophy on Industrial managment.</a>
                            </h3>
                            <ul class="meta">
                                <li>
                                    <i class="fa fa-calendar"></i>
                                    <span class="sppb-meta-date">20 April 2016</span>
                                </li>
                                <li>
                                    <i class="fa fa-user"></i>
                                    <span class="sppb-meta-author">Super User</span>
                                </li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, nec in adipiscing purus luctus, urna pellentesque fringilla vel, non sed arcu integer,...</p>
                        </div>
                    </article>
                    <div class="col-sm-6 blog-list">
                        <article class="col-sm-12 news-block no-padding">
                            <div class="article-thumb pull-left">
                                <a href="#" target="_parent">
                                    <img class="img-responsive" src="/templates/mb001/images/5744351061_0ee7664c9e_b_small.jpg" alt="Achived trophy on Industrial managment.">
                                </a>
                            </div>
                            <div class="article-info">
                                <h3 class="article-title">
                                    <a href="#" target="_parent">Achived trophy on Industrial managment.</a>
                                </h3>
                                <ul class="meta">
                                    <li>
                                        <i class="fa fa-calendar"></i>
                                        <span class="sppb-meta-date">20 April 2016</span>
                                    </li>
                                    <li>
                                        <i class="fa fa-user"></i>
                                        <span class="sppb-meta-author">Super User</span>
                                    </li>
                                </ul>
                                <p>Lorem ipsum dolor sit amet, nec in adipiscing purus luctus, urna pellentesque fringilla vel, non sed arcu integer,...</p>
                            </div>
                        </article>
                        <article class="col-sm-12 news-block no-padding">
                            <div class="article-thumb pull-left">
                                <a href="#" target="_parent">
                                    <img class="img-responsive" src="/templates/mb001/images/sdrt_small.jpg" alt="Achived trophy on Industrial managment.">
                                </a>
                            </div>
                            <div class="article-info">
                                <h3 class="article-title">
                                    <a href="#" target="_parent">Experience and Resources By Your Side. </a>
                                </h3>
                                <ul class="meta">
                                    <li>
                                        <i class="fa fa-calendar"></i>
                                        <span class="sppb-meta-date">20 April 2016</span>
                                    </li>
                                    <li>
                                        <i class="fa fa-user"></i>
                                        <span class="sppb-meta-author">Super User</span>
                                    </li>
                                </ul>
                                <p>Lorem ipsum dolor sit amet, nec in adipiscing purus luctus, urna pellentesque fringilla vel, non sed arcu integer,...</p>
                            </div>
                        </article>
                        <article class="col-sm-12 news-block no-padding">
                            <div class="article-thumb pull-left">
                                <a href="#" target="_parent">
                                    <img class="img-responsive" src="/templates/mb001/images/shutterstock_2653650_small.jpg" alt="Achived trophy on Industrial managment.">
                                </a>
                            </div>
                            <div class="article-info">
                                <h3 class="article-title">
                                    <a href="#" target="_parent">You Have Roots Here Now</a>
                                </h3>
                                <ul class="meta">
                                    <li>
                                        <i class="fa fa-calendar"></i>
                                        <span class="sppb-meta-date">20 April 2016</span>
                                    </li>
                                    <li>
                                        <i class="fa fa-user"></i>
                                        <span class="sppb-meta-author">Super User</span>
                                    </li>
                                </ul>
                                <p>Lorem ipsum dolor sit amet, nec in adipiscing purus luctus, urna pellentesque fringilla vel, non sed arcu integer,...</p>
                            </div>
                        </article>
                        <article class="col-sm-12 news-block no-padding">
                            <div class="article-thumb pull-left">
                                <a href="#" target="_parent">
                                    <img class="img-responsive" src="/templates/mb001/images/Cnc_plasma_cutting_small.jpg" alt="Achived trophy on Industrial managment.">
                                </a>
                            </div>
                            <div class="article-info">
                                <h3 class="article-title">
                                    <a href="#" target="_parent">Future. Dreams Com True.</a>
                                </h3>
                                <ul class="meta">
                                    <li>
                                        <i class="fa fa-calendar"></i>
                                        <span class="sppb-meta-date">20 April 2016</span>
                                    </li>
                                    <li>
                                        <i class="fa fa-user"></i>
                                        <span class="sppb-meta-author">Super User</span>
                                    </li>
                                </ul>
                                <p>Lorem ipsum dolor sit amet, nec in adipiscing purus luctus, urna pellentesque fringilla vel, non sed arcu integer,...</p>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </section>
        <!--Testimonials-->
        <section id="testimonials" class="blue-overlay parallax4">
            <%=get_module_content("3", "testimonials")%>
        </section>
        <!--partner logo -->
        <section class="partner-logo space">
            <div class="container">
                <div class="row">
                    <%=get_module_content("3", "indexlink")%>
                </div>
            </div>
        </section>
        <%template src="_footer.html"%>
    </div>
    <%template src="__js.html"%>
</body>

</html>

